<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body onload="startime()">
	<div id="div" style="border: 1px solid royalblue;floating:left; margin:0 auto; display:inline;"></div>
	        <script>

	            function startime(){
	                var t=new Date();//创建一个date的对象，才可以引用相关的date
	                var h=t.getHours();
	                var m=t.getMinutes();
	                var s=t.getSeconds();
	                document.getElementById("div").innerHTML=h+':'+m+':'+s;
	                m=checktime(m);
	                s=checktime(s);
	                t=setTimeout("startime()",500 );//注意一下函数的的参数的使用，第一个参数是要加上引号的，这里呢重新调用了原来的函数，实现了刷新的功能
	                                                 //第二个参数是表示刷新的时间，500表示的是0.5秒
	            }
	            function checktime(i) {//这里只是为了美观一点  ，在个位数的面前，将数字的显示+一个0
	                if(i<10)
	                {
	                    i="0"+i;
	                }
	                return i;
	            }
	        </script>


	</body>
</html>
